<div ng-init="init();" class="kmi-layout-content RemotePrinter-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'RemotePrinter.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label title" ng-bind="'RemotePrinter.itemList' | translate"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'RemotePrinter.printer_no' | translate"></label>
                <label class="value" ng-bind="printer_no"></label>
                <label class="label" ng-bind="'RemotePrinter.receive_time' | translate"></label>
                <label class="value" ng-bind="receive_time"></label>
            </div>
            <div class="kmi-list" style="flex: 0 0 180px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'RemotePrinter.list.status' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'RemotePrinter.list.print_time' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'RemotePrinter.list.description' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in _itemList |filter:{hide:'!true'} track by $index">
                    <div class="kmi-list__column" style="flex:0 0 70px;" ng-bind="'RemotePrinter.status._'+item.status|translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.print_time"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.description"></div>
                    <div class="kmi-can-click" ng-click="itemCheck($index,item);" ></div>
                </div>
                <div class="kmi-list__row" ng-repeat="item in itemList |filter:{hide:'!true'} track by $index">
                    <div class="kmi-list__column" style="flex:0 0 70px;" ng-bind="'RemotePrinter.status._'+item.status|translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.print_time"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.description"></div>
                    <div class="kmi-can-click" ng-click="itemCheck($index,item);" ></div>
                </div>
                </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label title" ng-bind="'RemotePrinter.itemLogList' | translate"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'RemotePrinter.refresh_time' | translate"></label>
                <label class="value" ng-bind="refresh_time"></label>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
					<div class="kmi-list__column head-controls" style="flex:0 0 70px">
                        <div class="filter" ng-show="filterItemSH.status">
                            <input ng-model="filterItem.status">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterItemSH.status = false;filterItem.status = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterItemSH.status">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterItemSH.status = true">search</i>
                            <label ng-bind="'RemotePrinter.list.status'| translate"></label>
							<!--
                            <i class="material-icons" ng-show="order_by_mode.name == 'description'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                            <div class="kmi-can-click" ng-click="orderbychange('description')"></div>
							-->
                        </div>
                    </div>
					<div class="kmi-list__column head-controls" style="flex:0 0 170px;">
                        <div class="filter" ng-show="filterItemSH.print_time">
                            <input ng-model="filterItem.print_time">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterItemSH.print_time = false;filterItem.print_time = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterItemSH.print_time">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterItemSH.print_time = true">search</i>
                            <label ng-bind="'RemotePrinter.list.print_time'| translate"></label>
							<!--
                            <i class="material-icons" ng-show="order_by_mode.name == 'description'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                            <div class="kmi-can-click" ng-click="orderbychange('description')"></div>
							-->
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls" style="flex:0 0 170px;">
                        <div class="filter" ng-show="filterItemSH.execute_time">
                            <input ng-model="filterItem.execute_time">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterItemSH.execute_time = false;filterItem.execute_time = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterItemSH.execute_time">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterItemSH.execute_time = true">search</i>
                            <label ng-bind="'RemotePrinter.list.execute_time'| translate"></label>
                            <!--
                            <i class="material-icons" ng-show="order_by_mode.name == 'description'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                            <div class="kmi-can-click" ng-click="orderbychange('description')"></div>
                            -->
                        </div>
                    </div>
					<div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="filter" ng-show="filterItemSH.description">
                            <input ng-model="filterItem.description">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterItemSH.description = false;filterItem.description = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterItemSH.description">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterItemSH.description = true">search</i>
                            <label ng-bind="'RemotePrinter.list.description'| translate"></label>
							<!--
                            <i class="material-icons" ng-show="order_by_mode.name == 'description'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                            <div class="kmi-can-click" ng-click="orderbychange('description')"></div>
							-->
                        </div>
                    </div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in getPages(itemLogList, PageConfig, filterItem) track by $index">
                    <div class="kmi-list__column" style="flex:0 0 70px;" ng-bind="'RemotePrinter.status._'+item.status|translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.print_time"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.execute_time"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.description"></div>
                    <div class="kmi-can-click" ng-click="itemCheck($index,item, 'log');" ></div>
                </div>
                </div>
            </div>
            <div class="page-content">
                <div class="page-icon">
                    <img src="image/icons/dropleft.png"></img>
                    <div class="kmi-can-click"  ng-click="PageConfig.page = (PageConfig.page-1<0?0:PageConfig.page-1);"></div>
                </div>
                <label ng-bind="(PageConfig.page +1)+' / '+PageConfig.total_page"></label>
                <div class="page-icon">
                    <img src="image/icons/dropright.png"></img>
                    <div class="kmi-can-click"  ng-click="PageConfig.page = (PageConfig.page+1>(PageConfig.total_page-1)?(PageConfig.total_page-1):PageConfig.page+1);"></div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
            ng-click="search();">
              <img src="image/icons/refresh.png"></img> 
            </button>
        </div>
    </div>
</div>
